<div class="navbar navbar-default" role="navigation">
  	<div class="container-fluid">
    		<div class="navbar-header">
      			<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse">
	         		<span class="sr-only">Toggle navigation</span>
	         		<span class="icon-bar"></span>
	         		<span class="icon-bar"></span>
	         		<span class="icon-bar"></span>
      			</button>
      			<a class="navbar-brand" href="#">{{projectName}}</a>
    		</div>
    		<div class="navbar-collapse collapse">
       			<ul class="nav navbar-nav">
       				<li ng-class="{ active: tab == 'home' }" ><a ng-href="#/home">Home</a></li>
         			<li ng-class="{ active: tab == 'login' }" ><a ng-href="#/login">Login</a></li>
         			<li ng-class="{ active: tab == 'auth' }"><a href="#/auth">Auth</a></li>
         			<li ng-click="logout()" ng-if="user"><a href="#">Logout</a></li>
	       		</ul>
	       		<ul class="nav navbar-nav navbar-right" ng-if="user">
	       			<li>{{user.username}}</li>
	       		</ul>
     		</div>
  	</div>
</div>